<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
	template="/WEB-INF/templates/default.xhtml">
	<ui:define name="content">
		<h:messages />
		<h:form id="loginForm" styleClass="form-with-border">
			<h:panelGrid columns="3" columnClasses="titleCell" style="white-space: nowrap;">
				<h:outputLabel for="email" value="email:" />
				<h:inputText id="name" value="#{credentials.email}" />
				<h:message for="name" errorClass="invalid" />

				<h:outputLabel for="password" value="Password:" />
				<h:inputSecret id="password" value="#{credentials.password}" />
				<h:message for="password" errorClass="invalid" />
			</h:panelGrid>

			<p>
				<h:panelGrid columns="2">
					<h:commandButton id="loginBtn" action="#{login.login}" value="Login" styleClass="register" />
					<h:messages styleClass="messages" errorClass="invalid" infoClass="valid" warnClass="warning" globalOnly="true" />
				</h:panelGrid>
			</p>
		</h:form>


	</ui:define>
</ui:composition>